﻿    html    
    {
    	background:#e1e1e1; 
    }
    body {
    margin: 0;
    padding: 0;
    height: auto;
    color: black;
    background-color: #ffffff;
    font: normal 80%/120% Arial, Helvetica, sans-serif;
    }
    #head{
        width:100%;
        height:70px;
        border-bottom:solid 2px #1e4e7f;
        background:#356aa0;
    }   
        #logo{
            width:157px;
            height:65px;
            background:#356aa0 url("logo.png") no-repeat center;            
            position:relative;
            left:25px;
            top:3px;
        }
        
        #taskDetails{
            float:right;
            top:5px;
        }
        
        #taskTime{
            font-weight:600;
            font-size:large;
            color:Black;
            background:#eee;
            border:solid 1px #000000;
            margin-right: 400px;
            float:left;
            padding: 6px;
            display:inline;            
        }
        
        #step-counter{
            float:right;
            font-weight:600;
            font-size:large;
            color:Black;
            background:#eee;
            border:solid 1px #000000;
            margin-right: 40px;
            padding: 6px;
            
            display:inline;
        }
        #shadow{
            width:100%;
            height:5px;
            background:url("shadow.png") repeat-x center;
        }    
    #south{
        width:100%;
        height:700px; 
        background:#e1e1e1;  
    }
        #main{
            position:relative;
            width:80%;
            height:100%;   
            left:10px;
            top:10px; 
            padding:10px;   
        }
        input{
            width:170px;
            height: 20px;
        }
        input.display{
            background:#e1e1e1;
            color:#000000;
        }
        
        
        .border{
            border:solid 1px #eeeeee;
        }
        #login{
            background:#356aa0;
            color:White;
            text-align:center;
            z-index:11;
            font-size:large;
            vertical-align:middle;
            padding:12px 15px;            
            border:2px solid #000;
            position: absolute;
            left:45%;  
            margin-right:300px;  
            width:400px;      
            visibility:hidden;
        }
        #loader{
            background:#356aa0;
            color:White;
            text-align:center;
            z-index:11;
            font-size:large;
            vertical-align:middle;
            padding:12px 15px;            
            border:2px solid #000;
            position: absolute;
            left:45%;  
            margin-right:300px;        
            visibility:hidden;
        }
        #loader span{display:block; }
        #loader img{
            margin-top:5px;
        }
        .deploader{
            width:24px;
            height:24px;
            float:right;            
        }
        .depholderdiv{
            width:24px;
            height:24px;
            float:right;
            visibility:hidden;

        }
  #mask{  
        display:none;  
        position:fixed;  
        _position:absolute; /* hack for internet explorer 6*/  
        height:100%;  
        width:100%;  
        top:0;  
        left:0;  
        background:#000000;  
        z-index:1; 
} 
